这是前端挑战赛 - 12 月版的提交，glam up my markup：冬至

我建造了什么

CSS

*{
边距：0；
填充：0；
框大小：边框框；
字体系列：“Trebuchet MS”、“Lucida Sans Unicode”、“Lucida Grande”、“Lucida Sans”、Arial、sans-serif；
}

身体{
溢出-x:隐藏;
}
.main-width{
宽度：1400px；
最大宽度：95%；
边距：0 自动；
}
.英雄{
高度：100%；
宽度：100%；
最小高度：100vh；
背景图片：url(Tanjiro1.png);
背景大小：100%；
背景重复：不重复；
}

.hero header .logo h2 a{
显示：块；
字体大小：30px；
字体粗细：600；
文本装饰：无；
颜色：白色；
font-family:'Noto Sans JP', sans-serif;
}

.hero 标头{
显示：flex；
对齐项目：居中；
对齐内容：空间之间；
内边距：40px 0 30px;

}

nav ul li{
列表样式：无；
显示：内联块；

}

nav ul li a{
文本装饰：无；
颜色: 爱丽丝蓝;
左边距：80px；
字体大小：20px;
字体粗细：600；
底部边框：2px 纯白色；
过渡：4s；

}

nav ul li:not(:last-child) a:hover
nav ul li:not(:last-child) a:focus{
底部边框：2px 纯白色；

}

nav ul li.active a{
底部边框：2px 纯白色；
}

nav ul li.btn a{
背景：透明；
颜色：白色；
边框：1px实线#f5dca8;
内边距：9px 20px；
边框半径：80px；
行高：1.4；
字体大小：18px；
字体粗细：600；
左边距：150px；

}

nav ul li.btn:悬停在{
边框：1px 纯白色；
颜色：黑色；
背景：白色；
过渡：.4s；

}

.内容{
顶部填充：140px；
}

.content .main-text{
位置：相对；
z 索引：2；
下边距：50px；

}

.content .main-text h6{
字体大小：14px；
字体粗细：400；
颜色：白色；
下边距：40px；

}

.content .main-text h1{
字体大小：60px；
行高：1；
颜色：白色；
边距：0px 0px 45px;
font-family: '永久标记'，草​​书；

}

.content .main-text p{
最大宽度：100%；
宽度：480px；
颜色：白色；
行高：1.8；
字体大小：15px；
下边距：50px
}

.content .main-text a{
显示：内联块；
文本装饰：无；
颜色：黑色；
背景：白色；
边框：1px 纯白色；
内边距：9px 25px；
行高：1.4；
边框半径：30px;
字体大小：14px；
字体粗细：500；

}

.content .main-text a:hover{
变换：缩放（1.2）；
边框：1px实线#f5dca8;
背景：透明；
颜色：白色；
过渡：.4s；

}

超文本标记语言

动漫

鬼灭の刃

• 季节
• 剧集
• 漫画
• 立即播放

最佳动漫第一名
这是由后藤晃阳春创作和绘制的日本漫画系列，

恶魔杀手

一个家庭遭到恶魔袭击，只有两名成员幸存——炭治郎和他的妹妹祢豆子，祢豆子正在慢慢变成恶魔。炭治郎为了给家人报仇、治愈妹妹，立志成为一名斩妖除魔......

立即观看

这是我专属的动漫网站，它有最好的动画按钮和平滑的过渡

Swally的所有权利都属于我

以上就是日本动画片的详细内容，更多请关注其它相关文章！